#hxd {
    background-color: rgba(102, 186, 255, 0.397);
    /* 设置hxd盒子的背景色 */
    position: absolute;
    /* 绝对定位 */
    left: 0;
    height: 100%;
    width: 300px;
    /* 设置hxd盒子的位置、大小 */
}

#btn {
    background-color: rgba(255, 255, 255, 0.534);
    /* 设置按钮颜色 */
    position: absolute;
    /* 绝对定位 */
    z-index: 100;
    /* 把btn放在最顶层，防止被hxd覆盖 */
    height: 50px;
    width: 150px;
    /* 设置btn的大小 */
    border: 3px solid rgba(102, 112, 255, 0.349);
    /* 设置btn的边框 */
    top: 30%;
    transform: translateY(-30%);
    /* 设置btn的位置 */
    display: flex;
    justify-content: center;
    align-items: center;
    /* 利用flex布局设置btn里面的元素居中 */
}